<template>
  <view class="content">
    <view id="entry-content" class="entry-content clearfix">
      <rich-text :nodes="content"></rich-text>
    </view>
  </view>
</template>

<script>
import * as api from '@/api/api';
export default {
  data() {
    return {
      content: ""
    };
  },
  onLoad() {
    this.getPrivacyContent();
  },
  methods: {
    async getPrivacyContent() {
      const {data: res} = await api.getPrivacy();
      this.content = res.data;
    }
  }
};
</script>

<style lang="scss" scoped>
.entry-content {
  clear: both;
  color: #404246;
  margin: 0;
  padding: 0 30rpx;
  font-size: 36rpx;
  line-height: 70rpx;
  text-align: justify;
  word-wrap: break-word;
  word-break: normal;
  font-family: Impact, Haettenschweiler, ‘Arial Narrow Bold’, sans-serif;
  video {
    width: 100% !important;
  }
  image {
    width: 100% !important;
  }
}
</style>
